<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"> 

    <h:form id="principal">
        <p:growl id="messages" showDetail="true" />  
        <p:gmap center="-16.603216, -49.266407" zoom="16" type="HYBRID" 
                style="width:100%;height:100%;" widgetVar="mapa"
                model="#{DenunciaController.mapModel}" streetView="true" 
                onPointClick="adicionaMarcador(event);"/>

        <p:dialog widgetVar="dialog_cadastro_denuncia" showEffect="fade" closable="false">  
            <h:form prependId="false" id="form_denuncia">  
                <h:panelGrid columns="2">  
                    <h:outputLabel for="localizacao" value="Localização" />  
                    <h:outputText id="localizacao"/>  

                    <h:outputLabel for="assunto" value="Assunto" />  
                    <p:selectOneListbox id="assunto" value="#{denunciaController.denuncia.subtema.subtemaId}"> 
                        <f:selectItem itemLabel="Dimensão Ambiental (23) : agrupamento semanal" itemValue="3" />  
                        <f:selectItem itemLabel="Água" itemValue="2" />  
                        <f:selectItem itemLabel="Despejo de esgoto ­ 1" itemValue="1" />  
                    </p:selectOneListbox>                        

                    <h:outputLabel for="detalheDenuncia" value="Observações" />  
                    <p:inputTextarea id="detalheDenuncia" value="#{DenunciaController.denuncia.detalheDenuncia}" style="width: 400px; height: 200px;"/>  

                    <p:outputPanel id="customPanel">  
                        <p:selectOneRadio id="customRadio" value="" layout="custom">  
                            <f:selectItem itemLabel="Data e hora do cadastro" itemValue="1" />  
                            <f:selectItem itemLabel="Data e hora específica" itemValue="2" />  
                        </p:selectOneRadio>  
                    </p:outputPanel>  
                    <p:outputPanel id="customPanel2">  
                        <h:panelGrid columns="2">  
                            <p:radioButton id="opt1" for="customRadio" itemIndex="0"/>  
                            <h:outputText id="data_js" value="Hora" />  

                            <p:radioButton id="opt2" for="customRadio" itemIndex="1"/>  
                            <p:calendar value="#{DenunciaController.denuncia.dataHora}" id="data_especifica" showOn="button" />
                        </h:panelGrid>  
                    </p:outputPanel>

                    <p:commandButton value="Denunciar" update=":principal:messages"  
                                     actionListener="#{DenunciaController.denunciar}"   
                                     oncomplete="verificaCadastroDenuncia()"/> 
                    <p:commandButton value="Cancelar" onclick="fecharFormDenuncia();"/>  
                </h:panelGrid>  
                <h:inputHidden id="latitude" value="#{DenunciaController.denuncia.latitude}" />  
                <h:inputHidden id="longitude" value="#{DenunciaController.denuncia.longitude}" />  
            </h:form>  
        </p:dialog>
    </h:form>
</html>